<style type="text/css">
    #backPopupForm{
        display:none;
        position:fixed;
        _position:absolute; /* hack for internet explorer 6*/
        height:100%;
        width:100%;
        top:0;
        left:0;
        background:#000000;
        border:1px solid #cecece;
        z-index:2;
    }
    .popupForm{
        display:none;
        position:fixed;
        _position:absolute; /* hack for internet explorer 6*/
        /*                    height: 200px;
        width: 200px;*/
        background:#FFFFFF;
        /*                    border:2px solid #cecece;*/
        z-index:20;
        /*                    padding:12px;*/
        font-size:13px;
    }
    #popupForm h1{
        text-align:left;
        color:#6FA5FD;
        font-size:22px;
        font-weight:700;
        border-bottom:1px dotted #D3D3D3;
        padding-bottom:2px;
        margin-bottom:20px;
    }
    .popupFormClose{
        font-size:14px;
        line-height:14px;
        right:20px;
        top:15px;
        position:absolute;
        color: #404970;
        font-weight:700;
        display:block;
        cursor: pointer;
    }
</style>

<script type="text/javascript" src="js/popup.js"></script>

<script type="text/javascript">
    function openSidebar(currbar) {
        if (currbar == 'bbm') {
            centerPopup('#popupBbm','#backPopupForm');
            loadPopup('#popupBbm','#backPopupForm');
        } else {
            centerPopup('#popupHotline','#backPopupForm');
            loadPopup('#popupHotline','#backPopupForm');
        }
    }
</script>

<a href="http://www.facebook.com/ATSVacations.id?fref=ts" target="top">
    <img src="images/fb-button.png" style="position: fixed; top: 150px; left: 0px;" />
</a>
<a href="https://twitter.com/atsvacations" target="top">
    <img src="images/tw-button.png" style="position: fixed; top: 235px; left: 0px;" />
</a>
<img src="images/bbm-button.png" 
     onclick="openSidebar('bbm');"
     style="cursor: pointer; position: fixed; top: 320px; left: 0px;" />
<img src="images/hotline-button.png" 
     onclick="openSidebar('hotline');"
     style="cursor: pointer; position: fixed; top: 405px; left: 0px;" />


<div id="popupBbm" class="popupForm">
    <a class="popupFormClose" style="right:10px;top:1px;" onclick="disablePopup('#popupBbm','#backPopupForm');">[x]close</a>
    <div>
        <img src="images/pop-up-bb.png" />
    </div>
</div>

<div id="popupHotline" class="popupForm">
    <a class="popupFormClose" style="right:10px;top:1px;" onclick="disablePopup('#popupHotline','#backPopupForm');">[x]close</a>
    <div>
        <img src="images/pop-up-hotline.png" />
    </div>
</div>

<div id="backPopupForm"></div>